<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>2.一个简单的Hello效果</title>
		<!-- 引入Vue -->
		<script type="text/javascript" src="../js/vue.js"></script>
	</head>
	<body>
		<!-- 第一步：准备一个容器 -->
		<div id="demo">
			<h1>Hello，{{school}}</h1>
		</div>

		<script type="text/javascript" >
			// 第二步：创建Vue实例对象
			new Vue({
				el:'#demo', //el(element)用于指定当前Vue实例服务于哪个容器，值为css选择器字符串。
				data:{ //data用于配置数据，数据可以直接在对应容器中使用，值暂时写为一个对象。
					school:'尚硅谷',
				}
			})
			
		</script>
	</body>
</html>